﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication4.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
        body {
            background-color: antiquewhite;
        }

        .inpu {
            box-shadow: inset 0 0 10px rgb(163, 163, 163);
            width: 500px;
            margin: auto;
            margin-top: 4em;
            padding: 1.5em 4em;
            border-radius: 30px;
            border: solid 2px rgb(124, 124, 124);
            background-color: rgb(255, 255, 255);
        }

        .show {
            background-color: #f7f7f7;
            margin: auto;
            margin-top: 7em;
            width: fit-content;
        }


        table {
            border: 7px solid rgb(185, 185, 185);
            border-radius: 5px;
            padding: 5px;
        }

        td {
            border: 1px solid rgb(88, 26, 26);
            padding: 8px;
        }
        .auto-style1 {
            width: 505px;
        }
    </style>
</head>

<body>

    <form id="form1" runat="server">
        <div class="inpu">
            <h2> 
                <asp:Label ID="Label5" runat="server" BorderColor="#FF3300" BorderStyle="Dotted" Text="Label" Visible="False"></asp:Label>
            </h2>
            <h2> 姓名：</h2>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <br />
            <br />
            <h2>性别：</h2>
            <asp:RadioButtonList ID="RadioButtonList1" runat="server">
                <asp:ListItem Selected="True">男</asp:ListItem>
                <asp:ListItem>女</asp:ListItem>
            </asp:RadioButtonList>
            <h2>出生年月</h2>
            <div class="cal">
                <asp:DropDownList ID="DropDownList1" runat="server">
                </asp:DropDownList>
                年<asp:DropDownList ID="DropDownList2" runat="server">
                </asp:DropDownList>
                月 </div>
            <h2>个人爱好：</h2>
            <asp:CheckBox ID="CheckBox1" runat="server" Text="唱歌" />
            <asp:CheckBox ID="CheckBox2" runat="server" Text="跳舞" />
            <asp:CheckBox ID="CheckBox3" runat="server" Text="rap" />
            <asp:CheckBox ID="CheckBox4" runat="server" Text="打篮球" />
            <br />
            <h2> 个人照片：</h2>
            <div class="cal">

                <asp:Image ID="Image1" runat="server" Height="114px" ImageUrl="~/unknow.png" Width="121px" />
                <br />
                <asp:FileUpload ID="FileUpload1" runat="server" />
            </div>
            &nbsp;<h2>上传</h2>
            <asp:Button ID="Button1" runat="server" Text="上传&amp;提交" OnClick="Button1_Click" />
        </div>
    <div class="show">
        <table>
            <tr>
                <td>姓名</td>
                <td class="auto-style1">
                    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                </td>
            </tr>
            <tr>
                <td>性别</td>
                <td class="auto-style1">
                    <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
                </td>
            </tr>
            <tr>
                <td>出生年月</td>
                <td class="auto-style1">
                    <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
                </td>
            </tr>
            <tr>
                <td>个人爱好</td>
                <td class="auto-style1">
                    <asp:Label ID="Label4" runat="server" Text="Label"></asp:Label>
                </td>
            </tr>
            <tr>
                <td>照片</td>
                <td class="auto-style1">
                    <asp:Image ID="Image2" runat="server" Height="148px" Width="151px" ImageUrl="~/unknow.png" />
                </td>
            </tr>
        </table>
    </div>
    </form>
    <div style="height: 100px;"></div>
    <div style="
    background-color: rgb(65, 65, 65); 
    height: 100px; 
    padding: 5em;
    margin-bottom: 3em;
    border-radius: 3em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.473);">
    <center><h1>END</h1></center>
    </div>
    </body>

</html>